﻿@{
    Layout = null;
}

<div id="BuscarTratamientoModal" class="modal fade" tabindex="-1" data-focus-on="input:first" style="display: none;">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
            &times;
        </button>
        <h4 class="modal-title">Buscar Tratamiento</h4>
    </div>

    <div class="modal-body no-padding">
        <div class="space10 toolbar">
            <button id="btnBuscarTratamiento" class="btn btn-xs btn-primary">Buscar</button>
            <button id="btnLimpiarTratamiento" class="btn btn-xs btn-default">Limpiar</button>
        </div>
        <div class="col-xs-12">
            <div class="col-xs-4 no-padding">
                <div class="col-sm-12">
                    DNI
                </div>
                <div class="col-xs-12">
                    <input type="text" id="txtTratamientoSearchDni" class="form-control">
                </div>
            </div>
            <div class="col-xs-8 no-padding">
                <div class="col-sm-12">
                    Nombres
                </div>
                <div class="col-xs-12">
                    <input type="text" id="txtTratamientoSearchNombres" class="form-control">
                </div>
            </div>
        </div>
        <div class="space10"></div>
        <div class="col-xs-12">
            <div id="TratamientoListResult" class="col-xs-12">
            </div>
        </div>
    </div>

    <div class="modal-footer" style="margin-top: 15px">
        <button type="button" data-dismiss="modal" class="btn btn-xs btn-default">
            Cancelar
        </button>
        <button type="button" data-dismiss="modal" class="btn btn-xs btn-primary">
            Aceptar
        </button>
    </div>
</div>

<script src="~/assets/plugins/jquery/jquery.js"></script>

<script>
    /* start: Tratamiento toolbar */
    $('#btnBuscarTratamiento').click(function () {
        $.get('@Url.Action("SearchTratamiento", "Tratamiento")?dni=' + $('#txtTratamientoSearchDni').val() + '&apePat=' + $('#txtTratamientoSearchNombres').val(), function (data) {
            CreateTratamientoGrid(data);
        });
    });

    $('#btnLimpiarTratamiento').click(function () {
        $('#txtTratamientoSearchDni').val('');
        $('#txtTratamientoSearchNombres').val(''),
        $('#TratamientoListResult').empty();
    });
    /* end: Tratamiento toolbar */

    /* Crea la tabla de tratamientos al dar click en Buscar Tratamiento*/
    function CreateTratamientoGrid(data) {
        var $tratamientosList = $('#TratamientoListResult'),
            listHTML = '';

        $tratamientosList.empty();

        if (data.length > 0) {
            listHTML += '<table class=\"table table-striped table-bordered table-hover table-full-width\">' +
                            '<thead><tr>' +
                                '<th>Consulta</th><th>Tratamiento</th><th>Sesiones</th>' +
                            '</tr></thead>';

            listHTML += '<tbody>';

            $.each(data, function (i, n) {
                listHTML += '<tr>' +
                                '<td>' + n.numDocumento + '</td><td>' + n.nombre + ' ' + n.apePat + ' ' + n.apeMaterno + '</td><td>' + n.sexo + '</td>' +
                            '</tr>';
            });

            listHTML += '</tbody></table>';

            $tratamientosList.append(listHTML);

            GridTratamientoSettings();
        } else {
            $tratamientosList.empty();
            alert('No se encontraron resultados');
        }
    }

    /* Vincula cada fila de la tabla al evento doble click para seleccionar tratamiento y mostrar datos    */
    function GridTratamientoSettings() {
        $('#TratamientoListResult tbody > tr').dblclick(function () {
            var dni = $(this).children('td:first').text();

            $.get('@Url.Action("GetTratamiento", "Tratamiento")?dni=' + dni, function (data) {
                //$('#txtCodigo').val(data[0].idCodigo);
                //$('#txtDni').val(data[0].numDocumento);
                //$('#txtNombresApellidos').val(data[0].nombre + ' ' + data[0].apePat + ' ' + data[0].apeMaterno);
                //$('#txtDireccion').val(data[0].direccion);
                //$('#txtTelefono').val(data[0].telefono);
                //$('#txtSexo').val(data[0].sexo);
                //$('#txtEdad').val(data[0].fechaNacimiento);
                //$('#txtEstadoCivil').val(data[0].estadoCivil);
                //$('#txtPaisOrigen').val(data[0].paisOrigen);
            });
        })
    }
</script>
